<!DOCTYPE html>
<html lang="en">
<label>
	<input id="cb" type="checkbox">
	<span class="slider round"></span>
</label>

<head>
  <meta charset="UTF-8">
  <title>[简历]陈铮铮&#9731网络与新媒体&#9770中山大学南方学院</title>
  <link href="../styles/base.css" rel="stylesheet" type="text/css">
  <link id="skinLink" href="../styles/default.css" rel="stylesheet" type="text/css">
</head>
<body>

  <div class="container">
    <div id="skin-container" class="theme">
      <p class="text">Hello!</p >
    </div>
  </div>
  <div class="input-container">
    <label class="input"><input type="radio" value="default" name="skin" checked></label>
    <label class="input"><input type="radio" value="green" name="skin"></label>
    <label class="input"><input type="radio" value="red" name="skin"></label>
  </div>
</body>
<script>
  const skinLink = document.querySelector('#skinLink');
  const inputContainer = document.querySelector('.input-container');

  const changeSkin = theme => {
    skinLink.href = `../styles/${theme}.css`
  };

  inputContainer.addEventListener('change', (e) => {
    changeSkin(e.target.value)
  })
</script>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]陈铮铮/中山大学南方学院</title>
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>
    <div style='position:fixed;width:100%;height:100%; z-index: 1;' id='modal'>
    <div class='modal' id='modalw'>
    <img id='bgImg' />
    </div>
    </div>

    <header>
      
        <nav class="btn btn-1">
    
            <ul>
               <div class="tubiao">
                   <svg  class="icon " style="width:-10%" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1093" id="mx_n_1555642676792" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">  
                   </svg>
                </div>      
               <li class="logo active">
                    <a href="#">简历</a>
                    <span></span>
                </li>
                <li ><i class="fa fa-git-square" style="font-size:19px;"></i>
                   <a href="#">
                    <a href=“https://gitee.com/zheng-zheng-chen” target="_blank">gitee</a>
                    <span></span>
                </li>
                <li class=""><i class="fa fa-Email" style="font-size:19px;"></i>
                    <a href="https://mail.qq.com/cgi-bin/frame_html?sid=8gQyVOPbcOdx6i9O&r=bc93c2fb257c0b27764a804d2fdc3378" target="_blank">Email</a>
                    <span></span>
                </li>
            </ul>
        </nav>
      
    </header>

    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label>
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <address class="me">
                <section class="portrait">
                    <!-- <div class="loading">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div> -->
                    <!-- 头像照片 -->
                    <img class="avatar" src="assets/images/czz.jpg" onload="loading()">
                </section>

                <h1 class="name">陈铮铮</h1>
                <h4 class="info-job">网络与新媒体 / 广州</h4>

            </address>

            <!-- 基本信息 -->
            <address class="profile info-unit">
                <h2>
                    <i class="fa fa-snowflake-o fa-spin" aria-hidden="true" style="color: rgb(134, 180, 240)"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>陈铮铮 / 女 / 19岁</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>未考级</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span>未考级</span>
                    </li>
                </ul>
            </address>

            <!-- 联系方式 -->
            <address class="contact info-unit">
                <h2>
                    
                    <i class="" aria-hidden="true"><svg t="1607229695193" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3796" width="28" height="28"><path d="M106.7008 354.0992V411.136c0 25.6512 20.7872 46.3872 46.3872 46.3872h78.6432c23.0912 0 41.8304-18.7392 41.8304-41.8304V334.2336c0-12.5952 5.7856-24.4736 15.872-32 25.344-18.944 86.7328-48.64 222.5152-48.64 130.3552 0 186.1632 25.6512 209.2032 43.4688 9.728 7.5264 15.2064 19.2512 15.2064 31.488v87.1424c0 23.0912 18.7392 41.8304 41.8304 41.8304h116.992c25.6512 0 46.3872-20.7872 46.3872-46.3872V345.7024c0-16.3328-6.7072-31.8976-18.5344-43.1104-47.7696-45.2096-187.2384-119.552-411.0848-119.552-222.976 0-331.7248 86.4768-384.3584 130.9184-13.2608 11.264-20.8896 22.6816-20.8896 40.1408z" fill="#E56A77" p-id="3797"></path><path d="M942.2848 774.5536c-49.6128-111.7184-166.8608-283.1872-419.4304-283.1872-253.7984 0-365.5168 173.1584-411.1872 284.8256-18.176 44.4416 16.128 92.416 65.8944 92.416H877.056c50.5344 0 84.992-49.4592 65.2288-94.0544z m-436.6336 33.3312c-74.7008 0-135.3216-60.5696-135.3216-135.3216s60.5696-135.3216 135.3216-135.3216 135.3216 60.5696 135.3216 135.3216-60.5696 135.3216-135.3216 135.3216z" fill="#BC9BE0" p-id="3798"></path><path d="M895.1808 472.8832h-116.992c-31.5392 0-57.1904-25.6512-57.1904-57.1904V328.5504c0-7.6288-3.4304-14.8992-9.216-19.3536-19.456-15.0528-71.2704-40.2432-199.7824-40.2432-132.608 0-190.5664 28.5696-213.3504 45.568-6.0928 4.5568-9.6768 11.9296-9.6768 19.712v81.4592c0 31.5392-25.6512 57.1904-57.1904 57.1904H112.1792c-34.048 0-61.7472-27.6992-61.7472-61.7472V343.8592c0-22.016 9.6256-42.8032 26.368-56.9856 55.1424-46.6432 207.9744-155.0336 435.2-155.0336 228.1984 0 370.8928 111.616 421.632 159.5904 14.848 14.0288 23.3472 33.792 23.3472 54.272V411.136c0 34.048-27.6992 61.7472-61.7984 61.7472zM512 238.2336c130.7648 0 191.0272 25.3952 218.5728 46.6944 13.2608 10.24 21.1456 26.5728 21.1456 43.6736V415.744c0 14.592 11.8784 26.4704 26.4704 26.4704h116.992c17.1008 0 31.0272-13.9264 31.0272-31.0272V345.7024c0-12.032-5.0176-23.6544-13.7216-31.9488-48.0768-45.4656-183.3472-151.1936-400.4864-151.1936-217.088 0-362.8032 103.3728-415.3856 147.8144a43.8784 43.8784 0 0 0-15.5136 33.536V411.136c0 17.1008 13.9264 31.0272 31.0272 31.0272h119.6032c14.592 0 26.4704-11.8784 26.4704-26.4704V334.2336c0-17.4592 8.2432-33.9968 22.016-44.3392 31.5904-23.552 97.3824-51.6608 231.7824-51.6608z" fill="#333333" p-id="3799"></path><path d="M873.8816 883.968H142.848a89.2416 89.2416 0 0 1-73.7792-39.0144 88.96 88.96 0 0 1-9.3696-82.6368c46.8992-119.552 166.912-320.1024 444.0064-320.1024 275.9168 0 401.92 199.168 452.4544 317.952a88.62208 88.62208 0 0 1-7.68 83.712c-16.64 25.088-44.4928 40.0896-74.5984 40.0896z m-370.176-411.0848c-258.8672 0-371.4048 188.3648-415.3856 300.5952-7.1168 18.2272-4.9152 37.9392 6.144 54.1184 11.1104 16.2816 28.7232 25.6 48.4352 25.6h731.0336c19.7632 0 38.0416-9.8304 48.9472-26.3168 10.9568-16.5888 12.8-36.5568 5.0176-54.784-47.616-111.7184-165.9904-299.2128-424.192-299.2128z" fill="#333333" p-id="3800"></path><path d="M522.3424 689.2544m-118.6304 0a118.6304 118.6304 0 1 0 237.2608 0 118.6304 118.6304 0 1 0-237.2608 0Z" fill="#FEEE7D" p-id="3801"></path><path d="M505.6512 823.2448c-83.0976 0-150.6816-67.584-150.6816-150.6304 0-83.0976 67.584-150.6816 150.6816-150.6816s150.6816 67.584 150.6816 150.6816c0 83.0464-67.584 150.6304-150.6816 150.6304z m0-270.592c-66.1504 0-119.9616 53.8112-119.9616 119.9616s53.8112 119.9104 119.9616 119.9104 119.9616-53.8112 119.9616-119.9104c0-66.1504-53.8112-119.9616-119.9616-119.9616z" fill="#333333" p-id="3802"></path></svg></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:13783760209" target="_blank">13783760209</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="https://mail.qq.com/" target="_blank">3315054582@qq.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="https://gitee.com/zheng-zheng-chen/" target="_blank">https://gitee.com/zheng-zheng-chen/</a>
                    </li>
                    
                </ul>
            </address>

            <!-- 技能点 -->
            <address class="skill info-unit">
                <h2>
                    <i class="	fa fa-signal" aria-hidden="true" style="color: rgb(134, 180, 240)"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>Photoshop</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>Premiere</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>Audition</label>
                        <progress value="80" max="100"></progress>
                    </li>
                </ul>
            </address>

            <address class="qrcode info-unit">
                <h2><i class="fa fa-wechat" aria-hidden="true" style="color: rgb(134, 180, 240)"></i>二维码</h2>
                <hr/>
                <img  class="thin-pink-border" src="assets/images/微信.jpg" style="width: 100%;" alt="">
            </address>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <main>

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-leanpub fa-spin" aria-hidden="true" style="color: pink"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span><b>河南省商城高级中学（高中）</b></span>
                            <time>2018.9-2021.6</time>
                        </h3>
                        <p>
                            高中期间担任文娱委员这一职务，三年连续荣获“优秀团员”称号。</p>
                    </li>
                    <li>
                        <h3>
                            <span><b>广东省广州南方学院 - 网络与新媒体专业（本科）</b></span>
                            <time>2021.9-至今</time>
                        </h3>
                        <p>
                            进入政商研究院、悬河辩论队和政商文体文创部门。</p>
                    </li>
                </ul>
            </section>

            <!-- 获奖经历 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-gift fa-spin" aria-hidden="true" style="color: pink"></i>获奖经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[初中]<b>河南省商城第一中学</b></span>
                            <time>2015.9-2018.6</time>
                        </h3>
                        <ul class="info-content">
                            <li>在全县“三十佳”先进人物评选活动中被评为
                            <em>十佳文明小标兵</em>，在2015-2016年度第一学期被评为
                            <em>模范团员</em>，在2016-2017年度第一学期被评为<em>三好学生</em>。</li>
                            
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[高中]<b>河南省商城高级中学</b></span>
                            <time>2017.8-2020.7</time>
                        </h3>
                        <ul class="info-content">
                            <li>在商城高级中学2021年春季举办的“学党史 强信念”征文比赛中荣获
                                <em>二等奖</em>
                                </li>
                            <li>在商城县第十届“明天小小科学家”奖励活动中荣获
                                <em>二等奖</em>。</li>
                            <li>在2021年抗击疫情攻坚战中做出贡献，荣获<em>志愿者荣誉证书</em>。</li>
                            
                    </li>
                </ul>
            </section>

            <!-- 项目经验 -->
            <section class="project info-unit">
                <h2>
                    <i class="fa fa-gears fa-spin" aria-hidden="true" style="color: pink"></i>个人项目</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[项目1]悬河辩论队队内赛</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2021.11.15</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：写一辩稿，推理论证</li>
                            <li>
                                <i class="fa fa-font-awesome" aria-hidden="true"></i>
                                [目标]使自己语言功底加强，提高逻辑思维能力
                                <br/>
                                <i class="fa fa-slideshare" aria-hidden="true"></i>
                                [团队]在队长的指导下，和四名队友共同协作
                                <br/>
                                <i class="fa fa-edit" aria-hidden="true"></i>
                                [贡献]在完成自己任务的同时，指导周围同学，共同探讨
                                <br/>
                                <i class="fa fa-heartbeat" aria-hidden="true"></i>
                                [效果]辩论成功举行，并取得胜利，自身也荣获“最佳辩手”</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目2]制作个人简历网页</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2021.15</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：Visual Studio Code+HTML 5+CSS3</li>
                            <li>
                                <i class="fa fa-font-awesome" aria-hidden="true"></i>
                                [目标]实现HTML5、CSS3、网页设计与制作的进阶学习
                                <br/>
                                <i class="fa fa-slideshare" aria-hidden="true"></i>
                                [团队]学长学姐指导的3人学习小组
                                <br/>
                                <i class="fa fa-edit" aria-hidden="true"></i>
                                [贡献]为小组成员提供资源素材，并给予帮助和指导
                                <br/>
                                <i class="fa fa-heartbeat" aria-hidden="true"></i>
                                [效果]激发了自身对网新专业的兴趣，并且对HTML5、CSS3有了更深的理解和掌握
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目3]政商迎新晚会后勤</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2020.11-2020.12</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：审核节目，整理舞台，检查设备</li>
                            <li>
                                <i class="fa fa-font-awesome" aria-hidden="true"></i>
                                [目标]使两届学生互相熟悉，共同进步，帮助新生快速融入大学生活
                                <br/>
                                <i class="fa fa-slideshare" aria-hidden="true"></i>
                                [团队]两个部长和六位干事
                                <br/>
                                <i class="fa fa-edit" aria-hidden="true"></i>
                                [贡献]担任后勤负责人，导演
                                <br/>
                                <i class="fa fa-heartbeat" aria-hidden="true"></i>
                                [效果]晚会热闹，学生呼声高涨
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>

  

         
    </section>
            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    <i class="	fa fa-space-shuttle fa-spin" aria-hidden="true" style="color: pink"></i>自我评价/期望</h2>
                <hr/>
                <p>希望自己在未来的四年里，热爱生活，积极向上，不畏险阻，勇往直前，敢于追求自己的梦想
                    <span class="mark-txt">生活明朗，人间值得</span>是自己永远的座右铭</p>
            </section>
        </main>
    </article>



    <footer class="footer">
        <p>© 2021 陈铮铮.文档最后更新时间为
            <time>2020年11月18日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/lian-shanyi/resume" target="_blank">源代码</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>
    <script>
    var modal = document.getElementById('modal');
    var bgImg = document.getElementById('bgImg');


    function showBgImg(e) {
        modal.style.display = 'block';
        bgImg.src = e.src;
    }

    bgImg.onclick = function() {
        modal.style.display = 'none';
    }
</script>
</body>

</html>